<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>免费订单</title>

    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <link href="__PUBLIC__/basic/css/demo.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" href="__PUBLIC__/css/index.css">
    <!--必要样式-->
    <style>
        body {
            font-family: "Microsoft Yahei", 微软雅黑, arial, "Lantinghei SC";
            background: #EFEFEF;
        }

        .am-nav-tabs > ul {
            border-bottom: 1px solid #DADADA;
        }

        .am-nav-tabs > li > a {
            font-size: 14px;
            padding: 0.4em 0.2em;
        }

        .am-tabs-nav li {
            height: 40px;
            line-height: 40px;
        }

        .am-nav-tabs > li {
            border-bottom: 1px solid #DADADA;
        }

        .am-nav-tabs.am-nav-justify > li > a {
            border-bottom: none;
        }

        .am-tabs-bd .am-tab-panel {
            padding: 0 10px 0px;
            margin-bottom: 15px;
        }

        .order-title .am-u-sm-12 {
            padding: 6px 6px;
            border-bottom: 1px solid #F2F2F2;
        }

        .order-title .am-u-sm-12 span {
            font-size: 18px;
            color: #000;
            vertical-align: middle;
            display: inline-block;
            line-height: 25px;
            margin-left: 8px;
        }

        .goods-box {
            margin-bottom: 10px;
        }

        .goods-box .goods-head {
            border-bottom: 1px solid #F3F3F3;
            padding: 15px 20px 10px;
            font-size: 13px;
        }

        .goods-box .good-content {
            padding: 10px 5px 0px 0;
            border-bottom: 1px solid #D8D8D8;
        }

        .goods-box .good-content .title {
            position: absolute;
            top: 3px;
            color: #2C2D2F;
            font-size: 11px;
            height: 55px;
            line-height: 18px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            letter-spacing: 0;
            vertical-align: middle;
        }

        .goods-box .good-content .map {
            color: #787878;
            font-size: 9px;
            position: absolute;
            top: 58px;
            left: 110px;
        }

        .goods-box .good-price {
            margin-bottom: 10px;
        }

        .goods-box .good-price .money {
            text-overflow: ellipsis;
            display: block;
            line-height: 30px;
        }

        .goods-box .good-price .num {
            margin-left: 3px;
            color: #898989;
        }

        .goods-box .good-totol {
            margin-bottom: 15px;
        }

        .goods-box .good-totol span {
            display: block;
            font-size: 13px;
        }

        .btn1 {
            display: inline-block;
            border: 1px solid #E3E3E3;
            color: #7A7E7F;
            padding: 7px 6px;
            border-radius: 3px;
            margin-right: 10px;
        }

        .btn2 {
            display: inline-block;
            color: #FFFFFF;
            background: #FFAD01;
            padding: 7px 6px;
            border-radius: 3px;
        }
    </style>
</head>

<body>
<!--<div class="am-g bg-white order-title">-->
    <!--<div class="am-u-sm-12">-->
        <!--<a href="javascript:history.back(-1);"><img src="__PUBLIC__/new_images/left.png" width="28" alt=""></a> <span>免费订单</span>-->
    <!--</div>-->
<!--</div>-->

    <volist name="freeOrderList" id="order">
                <div class="am-g goods-box bg-white">


                        <div class="am-u-sm-12 goods-head" style="padding-right: 5px;">
                            <!--<span style="color: #DBDBDB;">订单编号：{$order.order_sn}</span>-->
                            <eq name="order.status" value="0">
                                 <span class="am-fr" style="color: #FFB00B;">未设置配送员</span>
                            </eq>
                            <eq name="order.status" value="1">
                                <span class="am-fr" style="color: #FFB00B;">已设置配送员</span>
                            </eq>
                            <eq name="order.status" value="3">
                                <span class="am-fr" style="color: #FFB00B;">开始配送</span>
                            </eq>
                            <eq name="order.status" value="2">
                                <span class="am-fr" style="color: #FFB00B;">已送达</span>
                            </eq>
                            <eq name="order.status" value="4">
                                <span class="am-fr" style="color: #FFB00B;">已作废</span>
                            </eq>
                        </div>
                        <div class="am-u-sm-12 good-content">
                            <a href="__APP__/Home/Goods/introduction/?goods_id=66">
                            <div class="am-u-sm-12 ">
                                <img src="__PUBLIC__/new_images/free_img.jpg" style="float: left" alt="" width="75" height="75">
                                <span class="title">{$order.goods_name|getSubstr=0,12}</span>
                                <span class="map">{$order.address}</span>

                            </div>

                            <div class="am-u-sm-12 am-text-right good-totol" style="padding-right: 0px;">
                                <span><span style="color: #7F8283;display: inline-block">共1件商品</span>&nbsp;&nbsp;&nbsp;实付￥0</span>
                            </div>
                            </a>
                        </div>
                  <!--      <div class="am-u-sm-12 am-text-right am-margin-vertical-xs" style="padding-right: 0;">
                            <a href="#"><span class="btn1">订单详情</span></a>
                            &lt;!&ndash;<a href="#"><span class="btn2">删除订单</span></a>&ndash;&gt;
                        </div>-->

                    </div>
    </volist>


            <!--待付款-->

<input type="hidden" id="order_count" value="{$order_count}">

<script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
<script src="__PUBLIC__/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/layer/layer.js"></script>
<script>
    $(function () {
        $('#doc-my-tabs').tabs();
        var count = $('#order_count').val();
        if(count == '0'){
            layer.msg('您还未领取过免费商品！');
        }
    });
    $(function () {
        var w = document.body.clientWidth -20 - 110;
        $('.title').css('width', w);
        $('.title').css('left', 110);
    });

</script>
</body>
</html>